﻿<!DOCTYPE html>
<html>
  <head>
    <title>1.1闹钟选择页面</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/1_1闹钟选择页面/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/1_1闹钟选择页面/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u236" class="ax_default flow_shape">
        <img id="u236_img" class="img " src="images/1_1闹钟选择页面/u236.png"/>
      </div>

      <!-- 选择页面 (组 合) -->
      <div id="u237" class="ax_default" data-label="选择页面" data-left="53" data-top="345" data-width="351" data-height="711">

        <!-- Unnamed (矩形) -->
        <div id="u238" class="ax_default flow_shape">
          <img id="u238_img" class="img " src="images/1_1闹钟选择页面/u238.png"/>
        </div>

        <!-- 第三组闹钟 (组 合) -->
        <div id="u239" class="ax_default" data-label="第三组闹钟" data-left="69" data-top="766" data-width="321" data-height="165">

          <!-- Unnamed (矩形) -->
          <div id="u240" class="ax_default box_1">
            <img id="u240_img" class="img " src="images/1_闹钟选择页面/u213.png"/>
          </div>

          <!-- 遮盖面板 (矩形) -->
          <div id="u241" class="ax_default box_1" data-label="遮盖面板">
            <img id="u241_img" class="img " src="images/1_闹钟选择页面/遮盖面板_u214.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u242" class="ax_default ellipse">
            <img id="u242_img" class="img " src="images/1_闹钟选择页面/u215.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u243" class="ax_default _文本段落1">
            <img id="u243_img" class="img " src="images/1_闹钟选择页面/u216.png"/>
            <div id="u243_text" class="text ">
              <p><span></span></p>
            </div>
          </div>
        </div>

        <!-- 第二组闹钟 (组 合) -->
        <div id="u244" class="ax_default" data-label="第二组闹钟" data-left="69" data-top="582" data-width="321" data-height="165">

          <!-- Unnamed (矩形) -->
          <div id="u245" class="ax_default box_1">
            <img id="u245_img" class="img " src="images/1_闹钟选择页面/u213.png"/>
          </div>

          <!-- 标签 (矩形) -->
          <div id="u246" class="ax_default label" data-label="标签">
            <img id="u246_img" class="img " src="images/1_闹钟选择页面/标签_u219.png"/>
            <div id="u246_text" class="text ">
              <p><span>上班</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u247" class="ax_default label">
            <img id="u247_img" class="img " src="images/1_闹钟选择页面/u220.png"/>
            <div id="u247_text" class="text ">
              <p><span>07:00</span></p>
            </div>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u248" class="ax_default image">
            <img id="u248_img" class="img " src="images/1_闹钟选择页面/u221.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u249" class="ax_default image">
            <img id="u249_img" class="img " src="images/1_闹钟选择页面/u222.png"/>
          </div>

          <!-- 遮盖面板 (矩形) -->
          <div id="u250" class="ax_default box_1" data-label="遮盖面板">
            <img id="u250_img" class="img " src="images/1_闹钟选择页面/遮盖面板_u214.png"/>
          </div>
        </div>

        <!-- 第一组闹钟 (组 合) -->
        <div id="u251" class="ax_default" data-label="第一组闹钟" data-left="69" data-top="398" data-width="321" data-height="165">

          <!-- Unnamed (矩形) -->
          <div id="u252" class="ax_default box_1">
            <img id="u252_img" class="img " src="images/1_闹钟选择页面/u213.png"/>
          </div>

          <!-- 标签 (矩形) -->
          <div id="u253" class="ax_default label" data-label="标签">
            <img id="u253_img" class="img " src="images/1_闹钟选择页面/标签_u219.png"/>
            <div id="u253_text" class="text ">
              <p><span>上班</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u254" class="ax_default label">
            <img id="u254_img" class="img " src="images/1_闹钟选择页面/u220.png"/>
            <div id="u254_text" class="text ">
              <p><span>07:00</span></p>
            </div>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u255" class="ax_default image">
            <img id="u255_img" class="img " src="images/1_闹钟选择页面/u221.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u256" class="ax_default image">
            <img id="u256_img" class="img " src="images/1_闹钟选择页面/u222.png"/>
          </div>

          <!-- 遮盖面板 (矩形) -->
          <div id="u257" class="ax_default box_1 ax_default_hidden" data-label="遮盖面板" style="display:none; visibility: hidden">
            <img id="u257_img" class="img " src="images/1_闹钟选择页面/遮盖面板_u214.png"/>
          </div>

          <!-- Unnamed (热区) -->
          <div id="u258" class="ax_default">
          </div>
        </div>

        <!-- 顶部栏 (组 合) -->
        <div id="u259" class="ax_default" data-label="顶部栏" data-left="53" data-top="345" data-width="351" data-height="32">

          <!-- Unnamed (矩形) -->
          <div id="u260" class="ax_default box_1">
            <img id="u260_img" class="img " src="images/1_闹钟选择页面/u231.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u261" class="ax_default _文本段落1">
            <img id="u261_img" class="img " src="images/1_闹钟选择页面/u232.png"/>
            <div id="u261_text" class="text ">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u262" class="ax_default _文本段落1">
            <img id="u262_img" class="img " src="images/1_闹钟选择页面/u232.png"/>
            <div id="u262_text" class="text ">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u263" class="ax_default label">
            <img id="u263_img" class="img " src="images/1_闹钟选择页面/u234.png"/>
            <div id="u263_text" class="text ">
              <p><span>21：08</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- 选择页面 (组 合) -->
      <div id="u264" class="ax_default" data-label="选择页面" data-left="641" data-top="2144" data-width="351" data-height="790">

        <!-- Unnamed (矩形) -->
        <div id="u265" class="ax_default flow_shape">
          <img id="u265_img" class="img " src="images/1_1闹钟选择页面/u265.png"/>
        </div>

        <!-- 顶部栏 (组 合) -->
        <div id="u266" class="ax_default" data-label="顶部栏" data-left="641" data-top="2144" data-width="351" data-height="32">

          <!-- Unnamed (矩形) -->
          <div id="u267" class="ax_default box_1">
            <img id="u267_img" class="img " src="images/1_闹钟选择页面/u231.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u268" class="ax_default _文本段落1">
            <img id="u268_img" class="img " src="images/1_闹钟选择页面/u232.png"/>
            <div id="u268_text" class="text ">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u269" class="ax_default _文本段落1">
            <img id="u269_img" class="img " src="images/1_闹钟选择页面/u232.png"/>
            <div id="u269_text" class="text ">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u270" class="ax_default label">
            <img id="u270_img" class="img " src="images/1_闹钟选择页面/u234.png"/>
            <div id="u270_text" class="text ">
              <p><span>21：08</span></p>
            </div>
          </div>
        </div>

        <!-- 时间显示部分 (组 合) -->
        <div id="u271" class="ax_default" data-label="时间显示部分" data-left="646" data-top="2194" data-width="341" data-height="369">

          <!-- Unnamed (矩形) -->
          <div id="u272" class="ax_default box_1">
            <img id="u272_img" class="img " src="images/1_1闹钟选择页面/u272.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u273" class="ax_default image">
            <img id="u273_img" class="img " src="images/1_1闹钟选择页面/u273.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u274" class="ax_default image">
            <img id="u274_img" class="img " src="images/1_1闹钟选择页面/u274.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u275" class="ax_default label">
            <img id="u275_img" class="img " src="images/1_1闹钟选择页面/u275.png"/>
            <div id="u275_text" class="text ">
              <p><span>07:00</span></p>
            </div>
          </div>
        </div>

        <!-- 设置部件-音乐方式 (组 合) -->
        <div id="u276" class="ax_default" data-label="设置部件-音乐方式" data-left="646" data-top="2640" data-width="341" data-height="59">

          <!-- Unnamed (矩形) -->
          <div id="u277" class="ax_default box_1">
            <img id="u277_img" class="img " src="images/1_1闹钟选择页面/u277.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u278" class="ax_default label">
            <img id="u278_img" class="img " src="images/1_1闹钟选择页面/u278.png"/>
            <div id="u278_text" class="text ">
              <p><span>音乐设置</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u279" class="ax_default label">
            <img id="u279_img" class="img " src="images/1_1闹钟选择页面/u279.png"/>
            <div id="u279_text" class="text ">
              <p><span>华尔兹</span></p>
            </div>
          </div>
        </div>

        <!-- 设置部件-赖床功能 (组 合) -->
        <div id="u280" class="ax_default" data-label="设置部件-赖床功能" data-left="646" data-top="2776" data-width="341" data-height="59">

          <!-- Unnamed (矩形) -->
          <div id="u281" class="ax_default box_1">
            <img id="u281_img" class="img " src="images/1_1闹钟选择页面/u277.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u282" class="ax_default label">
            <img id="u282_img" class="img " src="images/1_1闹钟选择页面/u278.png"/>
            <div id="u282_text" class="text ">
              <p><span>赖床功能</span></p>
            </div>
          </div>
        </div>

        <!-- 设置部件-方式 (组 合) -->
        <div id="u283" class="ax_default" data-label="设置部件-方式" data-left="646" data-top="2708" data-width="341" data-height="59">

          <!-- Unnamed (矩形) -->
          <div id="u284" class="ax_default box_1">
            <img id="u284_img" class="img " src="images/1_1闹钟选择页面/u277.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u285" class="ax_default label">
            <img id="u285_img" class="img " src="images/1_1闹钟选择页面/u285.png"/>
            <div id="u285_text" class="text ">
              <p><span>方式</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u286" class="ax_default label">
            <img id="u286_img" class="img " src="images/1_1闹钟选择页面/u286.png"/>
            <div id="u286_text" class="text ">
              <p><span>震动,闪光</span></p>
            </div>
          </div>
        </div>

        <!-- 设置部件-频率 (组 合) -->
        <div id="u287" class="ax_default" data-label="设置部件-频率" data-left="646" data-top="2844" data-width="341" data-height="59">

          <!-- Unnamed (矩形) -->
          <div id="u288" class="ax_default box_1">
            <img id="u288_img" class="img " src="images/1_1闹钟选择页面/u277.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u289" class="ax_default label">
            <img id="u289_img" class="img " src="images/1_1闹钟选择页面/u285.png"/>
            <div id="u289_text" class="text ">
              <p><span>频率</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u290" class="ax_default label">
            <img id="u290_img" class="img " src="images/1_1闹钟选择页面/u279.png"/>
            <div id="u290_text" class="text ">
              <p><span>工作日</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u291" class="ax_default box_1">
          <img id="u291_img" class="img " src="images/1_1闹钟选择页面/u291.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u292" class="ax_default label">
          <img id="u292_img" class="img " src="images/1_1闹钟选择页面/u292.png"/>
          <div id="u292_text" class="text ">
            <p><span>闹钟名称&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; </span><span style="color:#999999;">上班</span></p>
          </div>
        </div>
      </div>

      <!-- 设置页面 (组 合) -->
      <div id="u293" class="ax_default" data-label="设置页面" data-left="769" data-top="349" data-width="421" data-height="711">

        <!-- Unnamed (矩形) -->
        <div id="u294" class="ax_default flow_shape">
          <img id="u294_img" class="img " src="images/1_1闹钟选择页面/u294.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u295" class="ax_default image">
          <img id="u295_img" class="img " src="images/1_1闹钟选择页面/u295.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u296" class="ax_default image">
          <img id="u296_img" class="img " src="images/1_1闹钟选择页面/u296.png"/>
        </div>

        <!-- 淡色幕 (矩形) -->
        <div id="u297" class="ax_default box_1" data-label="淡色幕">
          <img id="u297_img" class="img " src="images/1_1闹钟选择页面/淡色幕_u297.png"/>
        </div>
      </div>

      <!-- 闹钟时间 (组 合) -->
      <div id="u298" class="ax_default" data-label="闹钟时间" data-left="842" data-top="554" data-width="257" data-height="287">

        <!-- Unnamed (矩形) -->
        <div id="u299" class="ax_default label">
          <img id="u299_img" class="img " src="images/1_1闹钟选择页面/u299.png"/>
          <div id="u299_text" class="text ">
            <p><span>21:08</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u300" class="ax_default ellipse">
          <img id="u300_img" class="img " src="images/1_1闹钟选择页面/u300.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u301" class="ax_default label">
          <img id="u301_img" class="img " src="images/1_1闹钟选择页面/u301.png"/>
          <div id="u301_text" class="text ">
            <p><span>9h:52min:59s</span></p>
          </div>
        </div>
      </div>

      <!-- 选择页面 (组 合) -->
      <div id="u302" class="ax_default" data-label="选择页面" data-left="62" data-top="2138" data-width="351" data-height="711">

        <!-- Unnamed (矩形) -->
        <div id="u303" class="ax_default flow_shape">
          <img id="u303_img" class="img " src="images/1_1闹钟选择页面/u238.png"/>
        </div>

        <!-- 第三组闹钟 (组 合) -->
        <div id="u304" class="ax_default" data-label="第三组闹钟" data-left="78" data-top="2559" data-width="321" data-height="165">

          <!-- Unnamed (矩形) -->
          <div id="u305" class="ax_default box_1">
            <img id="u305_img" class="img " src="images/1_闹钟选择页面/u213.png"/>
          </div>

          <!-- 遮盖面板 (矩形) -->
          <div id="u306" class="ax_default box_1" data-label="遮盖面板">
            <img id="u306_img" class="img " src="images/1_闹钟选择页面/遮盖面板_u214.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u307" class="ax_default ellipse">
            <img id="u307_img" class="img " src="images/1_闹钟选择页面/u215.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u308" class="ax_default _文本段落1">
            <img id="u308_img" class="img " src="images/1_闹钟选择页面/u216.png"/>
            <div id="u308_text" class="text ">
              <p><span></span></p>
            </div>
          </div>
        </div>

        <!-- 第二组闹钟 (组 合) -->
        <div id="u309" class="ax_default" data-label="第二组闹钟" data-left="78" data-top="2375" data-width="321" data-height="165">

          <!-- Unnamed (矩形) -->
          <div id="u310" class="ax_default box_1">
            <img id="u310_img" class="img " src="images/1_闹钟选择页面/u213.png"/>
          </div>

          <!-- 标签 (矩形) -->
          <div id="u311" class="ax_default label" data-label="标签">
            <img id="u311_img" class="img " src="images/1_闹钟选择页面/标签_u219.png"/>
            <div id="u311_text" class="text ">
              <p><span>上班</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u312" class="ax_default label">
            <img id="u312_img" class="img " src="images/1_闹钟选择页面/u220.png"/>
            <div id="u312_text" class="text ">
              <p><span>07:00</span></p>
            </div>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u313" class="ax_default image">
            <img id="u313_img" class="img " src="images/1_闹钟选择页面/u221.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u314" class="ax_default image">
            <img id="u314_img" class="img " src="images/1_闹钟选择页面/u222.png"/>
          </div>

          <!-- 遮盖面板 (矩形) -->
          <div id="u315" class="ax_default box_1" data-label="遮盖面板">
            <img id="u315_img" class="img " src="images/1_闹钟选择页面/遮盖面板_u214.png"/>
          </div>
        </div>

        <!-- 第一组闹钟 (组 合) -->
        <div id="u316" class="ax_default" data-label="第一组闹钟" data-left="78" data-top="2191" data-width="321" data-height="165">

          <!-- Unnamed (矩形) -->
          <div id="u317" class="ax_default box_1">
            <img id="u317_img" class="img " src="images/1_闹钟选择页面/u213.png"/>
          </div>

          <!-- 标签 (矩形) -->
          <div id="u318" class="ax_default label" data-label="标签">
            <img id="u318_img" class="img " src="images/1_闹钟选择页面/标签_u219.png"/>
            <div id="u318_text" class="text ">
              <p><span>上班</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u319" class="ax_default label">
            <img id="u319_img" class="img " src="images/1_闹钟选择页面/u220.png"/>
            <div id="u319_text" class="text ">
              <p><span>07:00</span></p>
            </div>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u320" class="ax_default image">
            <img id="u320_img" class="img " src="images/1_闹钟选择页面/u221.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u321" class="ax_default image">
            <img id="u321_img" class="img " src="images/1_闹钟选择页面/u222.png"/>
          </div>
        </div>

        <!-- 顶部栏 (组 合) -->
        <div id="u322" class="ax_default" data-label="顶部栏" data-left="62" data-top="2138" data-width="351" data-height="32">

          <!-- Unnamed (矩形) -->
          <div id="u323" class="ax_default box_1">
            <img id="u323_img" class="img " src="images/1_闹钟选择页面/u231.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u324" class="ax_default _文本段落1">
            <img id="u324_img" class="img " src="images/1_闹钟选择页面/u232.png"/>
            <div id="u324_text" class="text ">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u325" class="ax_default _文本段落1">
            <img id="u325_img" class="img " src="images/1_闹钟选择页面/u232.png"/>
            <div id="u325_text" class="text ">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u326" class="ax_default label">
            <img id="u326_img" class="img " src="images/1_闹钟选择页面/u234.png"/>
            <div id="u326_text" class="text ">
              <p><span>21：08</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (热区) -->
        <div id="u327" class="ax_default">
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u328" class="ax_default arrow">
        <img id="u328_img" class="img " src="images/1_1闹钟选择页面/u328.png"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u329" class="ax_default image">
        <img id="u329_img" class="img " src="images/手势操作说明/u118.png"/>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u330" class="ax_default _文本段落" data-label="Header 2">
        <img id="u330_img" class="img " src="images/手势操作说明/header_2_u128.png"/>
        <div id="u330_text" class="text ">
          <p><span>点击（Tap）</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u331" class="ax_default label">
        <img id="u331_img" class="img " src="images/1_1闹钟选择页面/u331.png"/>
        <div id="u331_text" class="text ">
          <p><span>新建闹钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u332" class="ax_default _文本段落">
        <img id="u332_img" class="img " src="images/1_1闹钟选择页面/u332.png"/>
        <div id="u332_text" class="text ">
          <p><span>闹钟选择页面</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u333" class="ax_default label">
        <img id="u333_img" class="img " src="images/1_1闹钟选择页面/u333.png"/>
        <div id="u333_text" class="text ">
          <p><span>闹钟首页-选择</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u334" class="ax_default label">
        <img id="u334_img" class="img " src="images/1_1闹钟选择页面/u334.png"/>
        <div id="u334_text" class="text ">
          <p><span>闹钟开启-锁屏页面-单个闹钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u335" class="ax_default label">
        <img id="u335_img" class="img " src="images/1_1闹钟选择页面/u335.png"/>
        <div id="u335_text" class="text ">
          <p><span>新建闹钟设置</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u336" class="ax_default label">
        <img id="u336_img" class="img " src="images/1_1闹钟选择页面/u335.png"/>
        <div id="u336_text" class="text ">
          <p><span>闹钟选择</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u337" class="ax_default _文本段落">
        <img id="u337_img" class="img " src="images/1_1闹钟选择页面/u337.png"/>
        <div id="u337_text" class="text ">
          <p><span>1. 打开APP，默认进入闹钟-首页</span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span>2. 多个闹钟,可供用户选择,亮起为启动,暗色为未开启</span></p><p><span><br></span></p><p><span><br></span></p><p><span>3. 点击所需的闹钟区域之后,暗色和亮色切换标示闹钟开启状态变化</span></p><p><span><br></span></p><p><span>4.最下方为添加闹钟选项</span></p><p><span><br></span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- 设置页面 (组 合) -->
      <div id="u338" class="ax_default" data-label="设置页面" data-left="1473" data-top="363" data-width="421" data-height="711">

        <!-- Unnamed (矩形) -->
        <div id="u339" class="ax_default flow_shape">
          <img id="u339_img" class="img " src="images/1_1闹钟选择页面/u294.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u340" class="ax_default image">
          <img id="u340_img" class="img " src="images/1_1闹钟选择页面/u295.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u341" class="ax_default image">
          <img id="u341_img" class="img " src="images/1_1闹钟选择页面/u296.png"/>
        </div>

        <!-- 淡色幕 (矩形) -->
        <div id="u342" class="ax_default box_1" data-label="淡色幕">
          <img id="u342_img" class="img " src="images/1_1闹钟选择页面/淡色幕_u297.png"/>
        </div>
      </div>

      <!-- 闹钟时间 (组 合) -->
      <div id="u343" class="ax_default" data-label="闹钟时间" data-left="1546" data-top="568" data-width="257" data-height="287">

        <!-- Unnamed (矩形) -->
        <div id="u344" class="ax_default label">
          <img id="u344_img" class="img " src="images/1_1闹钟选择页面/u299.png"/>
          <div id="u344_text" class="text ">
            <p><span>21:08</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u345" class="ax_default ellipse">
          <img id="u345_img" class="img " src="images/1_1闹钟选择页面/u345.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u346" class="ax_default label">
          <img id="u346_img" class="img " src="images/1_1闹钟选择页面/u301.png"/>
          <div id="u346_text" class="text ">
            <p><span>9h:52min:59s</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u347" class="ax_default label">
        <img id="u347_img" class="img " src="images/1_1闹钟选择页面/u334.png"/>
        <div id="u347_text" class="text ">
          <p><span>闹钟开启-锁屏页面-多个闹钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u348" class="ax_default label">
        <img id="u348_img" class="img " src="images/1_1闹钟选择页面/u348.png"/>
        <div id="u348_text" class="text ">
          <p><span>闹钟首页</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u349" class="ax_default label">
        <img id="u349_img" class="img " src="images/1_1闹钟选择页面/u349.png"/>
        <div id="u349_text" class="text ">
          <p><span>单个闹钟设置提示</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u350" class="ax_default box_1">
        <img id="u350_img" class="img " src="images/1_1闹钟选择页面/u350.png"/>
        <div id="u350_text" class="text ">
          <p><span>1.用户按手机锁屏键之后,闹钟锁屏自动弹出5s,显示闹钟功能已经开启.</span></p><p><span><br></span></p><p><span><br></span></p><p><span>2.当用户开启闪光灯模式时,锁屏出现提示语句.</span></p><p><span><br></span></p><p><span>3.屏幕显示为当前闹钟的倒计时</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u351" class="ax_default label">
        <img id="u351_img" class="img " src="images/1_1闹钟选择页面/u351.png"/>
        <div id="u351_text" class="text ">
          <p><span>你已开启闪光灯,请把手机屏幕朝下放置</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u352" class="ax_default label">
        <img id="u352_img" class="img " src="images/1_1闹钟选择页面/u351.png"/>
        <div id="u352_text" class="text ">
          <p><span>你已开启闪光灯,请把手机屏幕朝下放置</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u353" class="ax_default label">
        <img id="u353_img" class="img " src="images/1_1闹钟选择页面/u353.png"/>
        <div id="u353_text" class="text ">
          <p><span>多个闹钟设置提示</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u354" class="ax_default box_1">
        <img id="u354_img" class="img " src="images/1_1闹钟选择页面/u354.png"/>
        <div id="u354_text" class="text ">
          <p><span>1.用户按手机锁屏键之后,闹钟锁屏自动弹出5s,显示闹钟功能已经开启.</span></p><p><span><br></span></p><p><span><br></span></p><p><span>2.当用户开启闪光灯模式时,锁屏出现提示语句.</span></p><p><span><br></span></p><p><span>3.屏幕显示为当前最近的一个闹钟的倒计时</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u355" class="ax_default label">
        <img id="u355_img" class="img " src="images/1_1闹钟选择页面/u348.png"/>
        <div id="u355_text" class="text ">
          <p><span>闹钟首页</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u356" class="ax_default flow_shape">
        <img id="u356_img" class="img " src="images/1_1闹钟选择页面/u356.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u357" class="ax_default _文本段落">
        <img id="u357_img" class="img " src="images/1_1闹钟选择页面/u357.png"/>
        <div id="u357_text" class="text ">
          <p><span>1. 打开APP，默认进入闹钟-首页</span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span>2. 多个闹钟,可供用户选择,亮起为启动,暗色为未开启</span></p><p><span><br></span></p><p><span><br></span></p><p><span>3. 点击所需的闹钟之后,暗色和亮色切换标示闹钟开启状态变化</span></p><p><span><br></span></p><p><span>4.最下方为添加闹钟选项</span></p><p><span><br></span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u358" class="ax_default label">
        <img id="u358_img" class="img " src="images/1_1闹钟选择页面/u349.png"/>
        <div id="u358_text" class="text ">
          <p><span>闹钟设置页面</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u359" class="ax_default box_1">
        <img id="u359_img" class="img " src="images/1_1闹钟选择页面/u359.png"/>
        <div id="u359_text" class="text ">
          <p><span>1.最上方的主要部件为时间选择,点击上下的部件更改时间,</span></p><p><span><br></span></p><p><span>2.时：取值范围为1-12，取整数，循环显示,分：取值范围00-59</span></p><p><span><br></span></p><p><span>3.有&quot;音乐设置&quot;,&quot;方式&quot;,&quot;赖床功能 &quot;,&quot;频率&quot;四个设置部件</span></p><p><span><br></span></p><p><span>4.右边显示为设置后的简单方式,提示为淡色</span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u360" class="ax_default flow_shape">
        <img id="u360_img" class="img " src="images/1_1闹钟选择页面/u360.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u361" class="ax_default flow_shape">
        <img id="u361_img" class="img " src="images/1_1闹钟选择页面/u360.png"/>
      </div>

      <!-- Unnamed (三角形) -->
      <div id="u362" class="ax_default flow_shape">
        <img id="u362_img" class="img " src="images/1_1闹钟选择页面/u362.png"/>
      </div>

      <!-- Unnamed (三角形) -->
      <div id="u363" class="ax_default flow_shape">
        <img id="u363_img" class="img " src="images/1_1闹钟选择页面/u362.png"/>
      </div>

      <!-- Unnamed (三角形) -->
      <div id="u364" class="ax_default flow_shape">
        <img id="u364_img" class="img " src="images/1_1闹钟选择页面/u362.png"/>
      </div>

      <!-- Unnamed (三角形) -->
      <div id="u365" class="ax_default flow_shape">
        <img id="u365_img" class="img " src="images/1_1闹钟选择页面/u362.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u366" class="ax_default _文本段落1">
        <img id="u366_img" class="img " src="images/1_闹钟选择页面/u232.png"/>
        <div id="u366_text" class="text ">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u367" class="ax_default image">
        <img id="u367_img" class="img " src="images/手势操作说明/u118.png"/>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u368" class="ax_default _文本段落" data-label="Header 2">
        <img id="u368_img" class="img " src="images/手势操作说明/header_2_u128.png"/>
        <div id="u368_text" class="text ">
          <p><span>点击（Tap）</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
